<template>
  <div class="VTimePicker">
    <h1>This is an VTimePicker page</h1>
    <a-time-picker use12-hours />
    <a-time-picker
      :default-open-value="moment('12:08', 'HH:mm')"
      format="HH:mm"
    />
    <a-time-picker
      :default-open-value="moment('12', 'HH')"
      format="HH"
    />

    <a-time-picker :default-open-value="moment('00:00:00', 'HH:mm:ss')">
      <a-icon
        slot="suffixIcon"
        type="smile"
      />
    </a-time-picker>
  </div>
</template>
<script>
import moment from 'moment';
export default {
  methods: {
    moment,
    onChange(time, timeString) {
      console.log(time, timeString);
    },
  },
};
</script>